<template>
	<view id="myView">
		这是test组件{{num}}
		这是父组件传来的title{{title}}
		<button @click="sendnum">给父组件传值</button>
	</view>
</template>

<script>
	export default{
		data(){
			return{
				num:3,
				intId:null,
				// 设定定时器id为空值
			};
		},
		methods:{
			sendnum(){
				console.log('给父组件传值')
				this.$emit('myEvent',this.num)
			}
		},
		props:['title'],
		// 从父组件接受了值title
		beforeCreate() {
			console.log('实例已经开始创建')
			console.log(this.num)
		},
		created() {
			console.log('实例已经创建成功')
			console.log(this.num)
			// created中推荐初始化一些数据
			this.intId = setInterval(()=>{
				console.log('执行定时器')
			},1000)
			// 执行定时器
		},
		beforeMount() {
			console.log('实例即将挂载')
			// console.log(this.num,document.getElementById('myView'))
			// 在此处根据元素id获取元素时会返回空值
			// beforemount阶段组件还没有被渲染到页面上
		},
		mounted() {
			// console.log('mounted',document.getElementById('myView'))
			// 以后操作dom得在这个函数内了
		},
		beforeDestroy() {
			console.log('这是在销毁之前')
		},
		destroyed() {
			console.log('组件销毁了')
			clearInterval(this.intId)
			// 清除定时器
		}
	}
</script>

<style>
</style>
